<div class="bjui-pageContent">
    <div class="bjui-doc">
        <h3 class="page-header">框架初始化</h3>
        <blockquote>
            <p>本节介绍B-JUI框架的初始化方法。<code>初始化方法需要在主页面DOM加载完成后执行，index.html页面有完整的代码</code></p>
        </blockquote>
        <p>示例代码如下：</p>
        <pre class="brush: js">
            $(function() {
                BJUI.init({
                    JSPATH       : 'BJUI/',         //[可选]框架路径
                    PLUGINPATH   : 'BJUI/plugins/', //[可选]插件路径
                    loginInfo    : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框
                    statusCode   : {ok:200, error:300, timeout:301}, //[可选] ajax回调函数的状态码
                    ajaxTimeout  : 5000, //[可选]全局Ajax请求超时时间(毫秒)
                    pageInfo     : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数key
                    alertMsg     : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
                    keys         : {statusCode:'statusCode', message:'message'}, //[可选] ajax回调函数的key
                    ui           : {
                                     windowWidth      : 1200, //框架显示宽度，0=100%宽，> 600为则居中显示
                                     showSlidebar     : true, //[可选]左侧导航栏锁定/隐藏
                                     clientPaging     : true, //[可选]是否在客户端响应分页及排序参数
                                     overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
                                   },
                    debug        : true,    // [可选]调试模式 [true|false，默认false]
                    theme        : 'purple' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[六种皮肤:default, orange, purple, blue, red, green]
                })
            })
        </pre>
    </div>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
    </ul>
</div>